body {
	background-image: url('../images/bg_body.png');
	font-family: Arial;
	font-size: 11px;
	margin: 0px;
}

a {
	text-decoration: none;
}

fieldset {
	margin: 10px 10px 0px 10px;
	border: 1px solid #ccc;
}

table {
	font-family: Arial;
	font-size: 12px;
}

.tabel {
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	border-collapse: collapse;
	margin: 5px 10px 0px 10px;
	font-size: 14px;
	width: 825px;
}

.tabel tr:nth-child(even) {
     background-color: #ddfae4;
}
.tabel tr:nth-child(odd) {
     background-color: #FFF;
}

.tabel th {
	padding: 5px 0px 5px 0px;
	border-collapse: collapse;
	border: 1px solid #1b3151;
	background:#005502;
	background:-webkit-linear-gradient(top, #005502, #005A04);
	background:-moz-linear-gradient(top, #005502, #005A04);
	background:-ms-linear-gradient(top, #005502, #005A04);
	background:-o-linear-gradient(top, #005502, #005A04);
	background:linear-gradient(top, #005502, #005A04);
	color:white;
	font-weight:bold;
	text-shadow:#333333 0 -1px 0;
	font-size:12px;
}

.tabel td {
	padding: 5px;
	vertical-align: top;
	border: 1px solid  #666;
	border-collapse: collapse;
	font-family: Arial;
	font-size: 12px;
	color: #333;
}

.tabel2 {
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	border-collapse: collapse;
	line-height: 1.5em;
	width: 100%;
}

.tabel2 tr:nth-child(even) {
     background-color: #ddfae4;
}
.tabel2 tr:nth-child(odd) {
     background-color: #FFF;
}

.tabel2 th {
	padding: 5px 0px 5px 0px;
	border-collapse: collapse;
	border: 1px solid #1b3151;
	background:#005502;
	background:-webkit-linear-gradient(top, #005502, #005A04);
	background:-moz-linear-gradient(top, #005502, #005A04);
	background:-ms-linear-gradient(top, #005502, #005A04);
	background:-o-linear-gradient(top, #005502, #005A04);
	background:linear-gradient(top, #005502, #005A04);
	color:white;
	font-weight:bold;
	text-shadow:#333333 0 -1px 0;
	font-size:12px;
}

.tabel2 td {
	padding: 5px;
	vertical-align: top;
	border: 1px solid  #666;
	border-collapse: collapse;
	font-family: Arial;
	font-size: 12px;
	color: #333;
}

.tabel3 {
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	border-collapse: collapse;
	line-height: 1em;
	width: 100%;
}

.tabel3 tr:nth-child(even) {
     background-color: #ddfae4;
}
.tabel3 tr:nth-child(odd) {
     background-color: #FFF;
}

.tabel3 th {
	padding: 5px 0px 5px 0px;
	border-collapse: collapse;
	border: 1px solid #1b3151;
	background:#005502;
	background:-webkit-linear-gradient(top, #005502, #005A04);
	background:-moz-linear-gradient(top, #005502, #005A04);
	background:-ms-linear-gradient(top, #005502, #005A04);
	background:-o-linear-gradient(top, #005502, #005A04);
	background:linear-gradient(top, #005502, #005A04);
	color:white;
	font-weight:bold;
	text-shadow:#333333 0 -1px 0;
	font-size:12px;
}

.tabel3 td {
	padding: 5px;
	vertical-align: top;
	border: 1px solid  #666;
	border-collapse: collapse;
	font-family: Arial;
	font-size: 12px;
	color: #333;
}


.kolom1 {
	padding: 2px 5px 2px 5px;
	vertical-align: top;
	border: 1px solid  #666;
	border-collapse: collapse;
	font-family: Arial;
	font-size: 12px;
	color: #333;
}

.valign {
	vertical-align: middle;
}

.noborder {
	border: 0px solid #1b3151;
	border-collapse: collapse;
}

.title {
	font-size: 32px;
	font-weight: bold;
}

#satu {
	width: 100%;
	height: 75px;
	background:#005502;
	background:-webkit-linear-gradient(top, #005502, #005A04);
	background:-moz-linear-gradient(top, #005502, #005A04);
	background:-ms-linear-gradient(top, #005502, #005A04);
	background:-o-linear-gradient(top, #005502, #005A04);
	background:linear-gradient(top, #005502, #005A04);
	position:fixed;
	color: #fff;
	z-index: 10;
}

#satu_con {
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
}

#satu_con #satu_a {
	width: 200px;
	height: 75px;
	float: left;
	text-align: center;
}

#satu_con #satu_b {
	width: 600px;
	height: 65px;
	padding-top: 10px;
	float: right;
	text-align: right;
}

#satu_con2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

#satu_con2 #satu_a {
	width: 200px;
	height: 75px;
	float: left;
	padding-left: 10px;
}

#satu_con2 #satu_b {
	width: 300px;
	height: 65px;
	padding-top: 10px;
	float: right;
	text-align: right;
	padding-right: 10px;
}

#dua {
	width: 100%;
	height: 5px;
	background-color: #abd373;
	position:fixed;
	top: 75px;
	z-index: 10;
}

#tiga {
	width: 100%;
	height: auto;
	padding-top: 90px;
}

#tiga_con {
	width: 1050px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	color: rgb(102,102,102);
}

#tiga_con #tiga_a {
	width: 200px;
	height: auto;
	float: left;
	margin-bottom: 30px;
}

#tiga_con #tiga_aa {
	padding: 10px 0px 10px 0px;
	text-align: center;
	width: 195px;
	background-image: url('../images/bg_grs.png');
	border-radius: 10px 10px 0px 0px;
	border-bottom: 3px solid #abd373;
	font: bold 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #000;
}

#tiga_con #tiga_b {
	width: 845px;
	min-height: 520px;
	float: right;
	background: #fff;
	border-radius: 10px;
	padding-bottom: 10px;
	margin-bottom: 40px;
}

#tiga_b #tiga_ba {
	border-bottom: 1px solid #e4dde6;
	padding: 10px;
}

#tiga_baa {
	font: bold 16px Arial;
	width: 700px;
	float: left;
	padding-top: 5px;
	color: #005502;
}

#tiga_bac {
	float: left;
	width: 30px;
}

#tiga_bab {
	float: right;
	width: 80px;
}

#tiga_b #tiga_bb {
	width: 875px;
}

#empat {
	background-image: url('../images/bg.gif');
	background-repeat: repeat;
	margin-top:20px;
	width: 100%;
	float: left;
	border-top: 1px solid #E2E6E6;
	-moz-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -5px 20px #d7d7d7, 0px -3px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -5px 20px #d7d7d7, 0px -3px 5px rgba(0,0,0,0.1);
	box-shadow: inset 0px 1px 0px #ffffff, inset 0px -5px 20px #d7d7d7, 0px -3px 5px rgba(0,0,0,0.1);
	position:fixed;
	bottom:0;
	height: 30px;
}

#empat_con {
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#999;
	font-size:11px;
	text-decoration:none;
	text-shadow:#FFFFFF 0 1px 0;
}

#empat_con #empat_a {
	width: 300px;
	float: left;
	padding-top: 8px;
}

#empat_con #empat_b {
	width: 300px;
	float: right;
	padding-top: 8px;
	text-align: right
}

#empat_con #empat_b a{
	color:#999;
	text-decoration:none;
	text-shadow:#FFFFFF 0 1px 0;
}

#empat_con2 {
	margin-left: 10px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#999;
	font-size:11px;
	text-decoration:none;
	text-shadow:#FFFFFF 0 1px 0;
}

#empat_con2 #empat_a {
	width: 300px;
	float: left;
	padding-top: 8px;
}

#empat_con2 #empat_b {
	width: 300px;
	float: right;
	padding-top: 8px;
	text-align: right
}

#empat_con2 #empat_b a{
	color:#999;
	text-decoration:none;
	text-shadow:#FFFFFF 0 1px 0;
}

.kategori {
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	font-size: 12px;
}

.right {
	float: right;
}

.ungu {
	color: #734390;
}

.clear {
	clear: both;
}

#pesan_testimoni {
	padding: 5px;
	color: #fff;
	text-align: justify;
}

/* ===== Form ===== */
.input_field { 
	float:left;
	padding:5px;
	width: 200px;
	border: 1px solid #dadada;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 0px 5px 0px;
}

.judul_artikel { 
	float:left;
	padding:5px;
	min-width: 500px;
	border: 1px solid #dadada;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 0px 5px 0px;
}

.area {
	float:left;
	padding:5px;
	border: 1px solid #dadada;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 0px 5px 0px;
	width: 400px;
	height: 100px;
}

.input { 
	padding:5px;
	width: 400px;
	border: 1px solid #dadada;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 0px 5px 0px;
}

.input1 { 
	padding:5px;
	border: 1px solid #dadada;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 0px 5px 0px;
}

.input2 { 
	padding:5px;
	width: 250px;
	border: 1px solid #dadada;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 0px 5px 0px;
}

.input3 { 
	padding:5px;
	min-width: 310px;
	border: 1px solid #dadada;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 0px 5px 0px;
}

.input4 { 
	padding:5px;
	width: 200px;
	border: 1px solid #dadada;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 0px 5px 0px;
}

.input_small { 
	padding:5px;
	width: 75px;
	border: 1px solid #dadada;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 0px 5px 0px;
}

.button {
	-moz-box-shadow:    rgba(255, 255, 255, 0.296875) 0 1px 0 inset;
	-webkit-box-shadow: rgba(255, 255, 255, 0.296875) 0 1px 0 inset;
	box-shadow:         rgba(255, 255, 255, 0.296875) 0 1px 0 inset;
	border:1px solid #088600;
	color:white;
	font-weight:bold;
	text-shadow:#333333 0 -1px 0;
	font-size:12px;
	cursor:pointer;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#088600), to(#12a91e));
	background-image: -webkit-linear-gradient(top, #088600, #12a91e);
	background-image: -moz-linear-gradient(top, #088600, #12a91e);
	background-image: -ms-linear-gradient(top, #088600, #12a91e);
	background-image: -o-linear-gradient(top, #088600, #12a91e);
	-moz-border-radius		: 3px;
	-webkit-border-radius	: 3px;
	border-radius			: 3px;
	font-family: Arial;
	padding: 5px 15px 5px 15px;
}

.button:hover {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#12a91e), to(#088600));
	background-image: -webkit-linear-gradient(top, #12a91e, #088600);
	background-image: -moz-linear-gradient(top, #12a91e, #088600);
	background-image: -ms-linear-gradient(top, #12a91e, #088600);
	background-image: -o-linear-gradient(top, #12a91e, #088600);
}

.content_area{
	padding: 10px;
	width: 100%;
}

#show_form {
	border: 1px solid #e4dde6;
	margin: 5px;
	padding: 5px;
}

.kompabilitas {
	width: 610px;
	margin-bottom: 5px;
}

.form_tgl{
	float:left;
	padding:2px;
	border: 1px solid #dadada;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 10px 5px 0px;
}

.salah {
	text-align: center;
	padding-top: 10px;
}

.top {
	vertical-align: top;
	padding-top: 5px;
}

.cari {
	padding: 5px 10px 10px 10px;
}

/*------ Menu Klaim ------*/
#menu_klaim {
	background:#005502;
	background:-webkit-linear-gradient(top, #005502, #005A04);
	background:-moz-linear-gradient(top, #005502, #005A04);
	background:-ms-linear-gradient(top, #005502, #005A04);
	background:-o-linear-gradient(top, #005502, #005A04);
	background:linear-gradient(top, #005502, #005A04);
	height: 30px;
}

#menu_klaim ul {
	margin-left: -20px;
}

#menu_klaim ul li{
	float: left;
	list-style: none;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-weight: bold;
	border-radius: 0px 0px 3px 3px;
	color: #fff;
}

#menu_klaim ul li:hover{
	background-color: #abd373;
	color: #ff8000;
	cursor: pointer;
}

.hidden {
	display: none;
}

.red {
	color: red;
	font-size: 16px;
	padding-left: 5px;
}

.tbl_jml {
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	border-collapse: collapse;
	margin: 10px 10px 5px 10px;
	font-size: 14px;
	width: 875px;
	margin-right: 10px;
	margin-top: 0px;
}

.tbl_jml td {
	padding: 5px;
	vertical-align: top;
	border: 1px solid  #666;
	border-collapse: collapse;
	font-family: Arial;
	font-size: 12px;
	color: #333;
}

#minimize {
	cursor: pointer;
}

.tbl_cari {
	margin-left: 5px;
	width: 830px;
}

